<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Web Camera</title>
	<link rel="stylesheet" href="jquery/css/jquery.ui.all.css">
	<script src="jquery/jquery-1.9.1.min.js"></script>
	<script src="jquery/jquery.ui.core.js"></script>
	<script src="jquery/jquery.ui.widget.js"></script>
	<script src="jquery/jquery.ui.mouse.js"></script>
	<script src="jquery/jquery.ui.slider.js"></script>
	<script src="jquery/json2.js"></script>
	<script src="js/network.js"></script>
	<script src="js/common.js"></script>
</head>
<script type="text/javascript">
	document.write(GetLanguagePathStr());
</script>
<style type="text/css">
body{
	margin-top:0px;
}

.DivNavigation{
	height:32px;
	width:124px;
	margin-top:19px;
	margin-left:8px;
	float:right;
	background:#2e3339;
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	line-height:32px;
	text-align:left;
	color:#ffffff;32px;
	cursor: pointer;
}

.DivNavigation:hover{
	background:#034a7e;
}
.DivNavigationSelect{
	background:#64b9fa;
}

.DivNavigationIco{
	width:43px;
	height:32px;
	float:left;
	cursor: pointer;
}

.DivNavigationOnlyIco{
	width:43px;
	height:32px;
	float:right;
	cursor: pointer;
	margin-top:19px;
	background: url(./img/normal.png) -152px -60px;
}

.DivNavigationOnlyIco:hover{
	background: url(./img/select.png) -152px -60px;
}

</style>


<body>   
<div style="left:0px;right:0px;background:#15161a;height:51px;position:absolute;">
<image src="./img/InserLogo.png" style="margin-top: 9px;"></image>
<div class="DivNavigationOnlyIco" id="id_NavigationloginOut" style=";float:right"></div>
<div class="DivNavigation" id="id_NavigationSettings"><div class="DivNavigationIco" style="background: url(./img/normal.png) -100px -60px;"></div><script>document.write(str_UserParameter);</script></div>
<div class="DivNavigation" id="id_NavigationBackUp"><div class="DivNavigationIco" style="background: url(./img/normal.png) -51px -60px;"></div><script>document.write(str_BackUp);</script></div>
<div class="DivNavigation" id="id_NavigationPreview"><div class="DivNavigationIco" style="background: url(./img/normal.png) -1px -60px;"></div><script>document.write(str_Pre);</script></div>
</div>
<div style="left:0px;right:0px;background:#2e3339;height:8px;top:51px;position:absolute;"></div>
<div style="left:0px;right:0px;background:#2e3339;bottom:0px;top:59px;position:absolute;overflow:hidden;">
<iframe style="background:#2e3339;width:100%;height:100%;" frameborder="no" id="id_NavigationContent"></iframe>
</div>
</body> 
<script  type="text/javascript"> 
//语言包初始化
$(function(){
	//alert(str_MainStream);
	//SetLang('id_NavigationSettings',str_MainStream);
	//SetLang('id_NavigationBackUp',str_SubStream);
	//SetLang('id_NavigationPreview',str_SubStream);
});
</script> 

<script  type="text/javascript"> 
var NavigationPath = [
{"id":"id_NavigationloginOut","path":"index.html"},
{"id":"id_NavigationBackUp","path":"BackUp.html"},
{"id":"id_NavigationPreview","path":"Preview.html"},
{"id":"id_NavigationSettings","path":"SetParam.html"}
];
function NavigationOnclick(id)
{
	$("#id_NavigationSettings").removeClass("DivNavigationSelect");
	$("#id_NavigationBackUp").removeClass("DivNavigationSelect");
	$("#id_NavigationPreview").removeClass("DivNavigationSelect");
	$("#"+id).addClass("DivNavigationSelect");
	
	if(id == "id_NavigationloginOut"){	
		self.location='index.html';
		return ;
	}
	for(var i = 0;i < NavigationPath.length;i++){
		if(NavigationPath[i].id == id){
			//var plugin = document.getElementById('id_NavigationContent').contentWindow.document.getElementById('vlc');
			//if(plugin != null){
				//plugin.playlist.stop(); 
			//}
			document.getElementById("id_NavigationContent").src = NavigationPath[i].path;
			//document.getElementById("id_NavigationContent").src = NavigationPath[i].path;
			return ;
		}
	}
/*	if(id == "id_NavigationPreview"){	//setTimeout("document.getElementById('id_NavigationContent').contentWindow.document.getElementById('id_IcoOptFullScreen').onclick();",20);
	}*/
}

function AddBindEvent(id,mothod,fun,param)
{
	BindEvent(id,mothod,fun,param);
}

$(function() {//
	if (!!window.ActiveXObject || "ActiveXObject" in window){
		NavigationPath[2].path = "PreviewIE.html";
	}
	AddBindEvent("id_NavigationSettings","onclick",NavigationOnclick,"id_NavigationSettings");
	AddBindEvent("id_NavigationBackUp","onclick",NavigationOnclick,"id_NavigationBackUp");
	AddBindEvent("id_NavigationPreview","onclick",NavigationOnclick,"id_NavigationPreview");
	AddBindEvent("id_NavigationloginOut","onclick",NavigationOnclick,"id_NavigationloginOut");
	NavigationOnclick("id_NavigationPreview");
});
</script>
</html> 